@media(max-width:1600px) {
    .nav {
        width: 54%;
    }
    .fn2,.fn3,.fn4{
        margin-left: 4%;
    }
    .solution_cont .s_right{
        height: auto;
    }
    .s_right p:nth-child(2) {
        line-height: 1.8;
    }
}

@media(max-width:1440px) {
    .nav ul li a {
        font-size: 16px;
    }
    .nav {
        width: 60%;
    }
    .service_intro {
        padding: 30px;
        font-size: 18px;
        line-height: 2.5;
    }
    .abtop_fl {
        width: 46%;
        font-size: 16px;
    }
    .fpnav {
        width: 35%;
        margin-left: 9.1%;
    }
    .fnav a,
    .fpnav a,
    .fcontact p {
        font-size: 16px;
        margin-bottom: 20px;
    }
    .s_right p:nth-child(2) {
        font-size: 14px;
    }
}

@media(max-width:1366px) {
    .sj_bot span {
        font-size: 40px;
    }
    .sj_bot {
        font-size: 20px;
    }
    .sj_top {
        font-size: 20px;
    }
    .service_intro {
        font-size: 16px;
    }
    .abtop_fl {
        line-height: 2;
    }
    .right_case {
        max-height: 550px;
    }
    .swiper-container.caseswiper {
        height: 550px;
    }
    .fn2,.fn3,.fn4{
        margin-left: 2%;
    }
    .fcontact{
        margin-left: 2%;
    }
    .conter_img{
        margin: 10px 0;
    }
    .titleWarp{
        margin-top: 0;
    }
    .proswiper{
        margin-top: 20px;
    }
    .pro div{
        height: 50px;
    }
    #range .conter_img{
        display: none;
    }
    #range .titleWarp{
        display: none;
    }
    .about{
        padding-bottom: 1%;
    }
    .abtext{
        margin: 10px 0;
    }
    .abcont{
        margin-top: 0;
    }
    #honor .conter_img{
        display: none;
    }
    #honor .titleWarp{
        display: none;
    }
    #certify .swiper-slide{
        width: 300px;
    }
    .cooperate{
        padding: 5% 0 0;
    }
    .cooper{
        margin-top: 0;
    }
    .solutions{
        height: 680px;
    }
    .news_left{
        top: 110px;
    }
    .solution_us div{
        width: 194px;
    }
    .solution_cont{
        width: 90%;
    }
    .s_right p:nth-child(2){
        line-height: 1.7;
    }
    .solution_cont img{
        width: 100%;
    }
    .solution_cont{
        height: auto;
    }
    .solution_cont .s_right{
        position: relative;
        top: 20%;
        left: 0;
        width: 100%;
        height: auto;
        padding: 10px 0;
    }
    .solution_cont .s_right img{
        width: 20px;
    }
    .concact_us div{
        width: 300px;
    }
}

@media(max-width:1280px) {
    .fpnav {
        width: 30%;
        margin-left: 7%;
    }
    .newcon {
        font-size: 15px;
        line-height: 2;
    }
    .newyear {
        font-size: 20px;
    }
    .newtime {
        font-size: 16px;
    }
}

@media(max-width:1200px) {
    .right_case {
        max-height: 450px;
    }
    .swiper-container.caseswiper {
        height: 450px;
    }
    .newcon {
        font-size: 14px;
    }
    .newtitle {
        font-size: 20px;
    }
    .newdate {
        height: 100px;
        padding-top: 20px;
    }
    .newitem {
        margin-bottom: 15px;
    }
    .foot {
        height: auto;
        padding-bottom: 30px;
    }
    .flogo {
        margin-top: 65px;
    }
}

@media(max-width:1024px) {
    .mobile-inner-header {
        display: block;
        z-index: 999;
    }
    .innewpic {
        display: none;
    }
    .innewintro {
        width: 100%;
    }
    .innewmore {
        margin-top: 25px;
    }
    .head,.head2 {
        display: none;
    }
    .copy {
        height: auto;
        line-height: 30px;
        font-size: 14px;
    }
    .copy a {
        display: block;
        font-size: 14px;
    }
    .incase,
    .inproduct {
        margin: 25px 0;
    }
    .maintitle {
        font-size: 22px;
    }
    .titles {
        font-size: 16px;
    }
    .incases a {
        width: 49%;
        margin-right: 2%;
        margin-top: 20px;
    }
    .incases a:nth-child(3n) {
        margin-right: 2%;
    }
    .incases a:nth-child(2n) {
        margin-right: 0;
    }
    .incases a p,
    .inprolist a p {
        font-size: 16px;
        line-height: 45px;
    }
    .inprolist a {
        width: 49%;
        margin-right: 2%;
        margin-top: 20px;
    }
    .inprolist a:nth-child(3n) {
        margin-right: 2%;
    }
    .inprolist a:nth-child(2n) {
        margin-right: 0;
    }
    .inpornav a {
        margin-top: 15px;
    }
    .bread {
        line-height: 45px;
    }
    .left_bread span,
    .left_bread a {
        font-size: 16px;
    }
    .proshow_top_fl {
        width: 100%;
    }
    .proshow_top_fr {
        width: 100%;
    }
    .proshow_bot_fl {
        display: none;
    }
    .proshow_bot_fr {
        width: 100%;
    }
    .proshow_top_fr_piclist {
        width: 100%;
    }
    .inabouts .abtop_fr {
        width: 100%;
    }
    .inabouts .abtop_fl {
        width: 100%;
        margin-top: 15px;
    }
    .abbot {
        display: none;
    }
    .titles1 {
        font-size: 16px;
    }
    .service_pic {
        width: 100%;
    }
    .service_intro {
        width: 100%;
    }
    .serviceitem {
        margin-top: 20px;
    }
    .abtop_fl {
        font-size: 16px;
    }
    .about {
        margin-top: 30px;
        padding-left: 15px;
        padding-right: 15px;
    }
    .abtop_fr {
        width: 100%;
    }
    .abtop_fl {
        width: 100%;
        margin-top: 20px;
        margin-right: 0;
    }
    #product,
    .new {
        margin-top: 30px;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .pro p {
        line-height: 40px;
        font-size: 16px;
    }
    #honor {
        margin-top: 0;
        padding-top: 30px;
        padding-bottom: 30px;
    }
    .case {
        margin-top: 30px;
    }
    .foot {
        display: none;
    }
    #foot {
        padding-top: 0;
    }
    .banner.swiper-container-horizontal>.swiper-pagination-bullets {
        display: none;
    }
    .abcont_p span:nth-child(1),
    .abcont_p span:nth-child(2){
        font-size: 36px;
    }
    .abcont_p span:nth-child(3){
        font-size: 26px;
    }
    .abcont_b{
        font-size: 22px;
    }
}

@media(max-width:768px) {
    .wm-l,
    .wm-r {
        width: 100%;
    }
    .listcontacts>div {
        margin: 3rem auto;
        width: 98%;
    }
    .listcontacts>div>span {
        font-size: 21px;
    }
    .listcontacts>div>span>i {
        font-size: 15px;
    }
    .listcontactsTitle input {
        height: 49px;
        width: 100%;
        font-size: 15px;
    }
    .listcontactsubmit input {
        color: #fff;
        border: 0;
        width: 140px;
        height: 40px;
        font-size: 14px;
        margin: 0 5px;
    }
    #certify .swiper-slide {
        width: 100px;
    }
    .newitem {
        width: 100%;
    }
    .right_case {
        width: 100%;
    }
    .left_case {
        width: 100%;
        margin-top: 20px;
    }
    .caseswiper img {
        height: auto;
    }
    .swiper-container.caseswiper {
        height: auto;
    }
    .right_case {
        max-height: unset;
    }
    .duct_top{
        width: 100%;
    }
    .duct_top,.duct_list{
        flex-wrap: wrap;
    }
    .duct_list2{
        width: 100%;
        margin-top: 20px;
        justify-content: space-between;
    }
    .duct_list div{
        width: 49%;
        margin-bottom: 20px;
    }
    .duct_list2 div{
        width: 100%;
    }
    .abtext{
        width: 90%;
    }
    .abcont{
        width: 90%;
        padding: 30px 10px;
    }
    .abcont_p span:nth-child(1),
    .abcont_p span:nth-child(2){
        font-size: 26px;
    }
    .abcont_p span:nth-child(3){
        font-size: 16px;
    }
    .abcont_b{
        font-size: 12px;
    }
    .videotitle img{
        width: 50px;
    }
    .newslist {
        flex-direction: column;
        padding-left: 0;
    }
    .news_left{
        display: none;
    }
    .soswiper .swiper-button-next,
    .soswiper .swiper-button-prev{
        display: none;
    }
    .message{
        flex-direction: column;
    }
    .msg_left,.msg_right{
        width: 100%;
    }
    .productDetail{
        flex-direction: column;
        align-items: center;
    }
    .productDetail .pbg{
        width: 100%;
    }
    .productDetail .pro_de{
        width: 90%;
        padding: 0 20px 20px;
    }
    .pro_label div{
        font-size: 16px;
    }
    .inabt_top{
        flex-wrap: wrap;
    }
    .inabcont{
        width: 90%;
        flex-wrap: wrap;
    }

    .inabright{
        width: 100%;
    }
    .inabcont img{
        width: 100%;
    }
    .inabcont .abtext{
        width: 100%;
        padding-right: 0;
    }
    .cor_img{
        flex-wrap: wrap;
    }
    .casetitle{
        line-height: 2;
    }
    .casecon {
        line-height: 2;
    }
    .dow_top{
        flex-direction: column;
    }
    .dlabel{
        margin: 10px 0;
    }
    .dow_title{
        width: 100%;
        text-align: center;
    }
    .gong_bot{
        width: 90%;
        flex-wrap: wrap;
    }
    .gong_bot .left{
        width: 100%;
    }
    .new_bots{
        width: 90%;
    }
    .new_bots .left{
        width: 40%;
        position: absolute;
        left: 10px;
        bottom: 10px;
    }
    .new_bots .rightt{
        width: 100%;
    }
    .news_info .info{
        width: 90%;
        padding: 0;
    }
    .embed-icon .embed-icon-content[data-v-e5119d70]{
        width: 80% !important;
    }
}
@media(max-width:476px){
    .productDetail{
        width: 90%;
    }
    .pro_label{
        width: 90%;
    }
    .detailImg{
        width: 90%;
    }
    .cooper a{
        width: 25%;
    }
    .soswiper {
        overflow: hidden;
        margin-right: 0;
        width: 87%;
        padding-left: 0;
    }
    .news_bot{
        margin: 0;
    }
    .news_right{
        width: 90%;
    }
    .dow_top,.dow_cont,.dow_list{
        width: 90%;
    }
    .dow_list_down a p{
        display: none;
    }
    .dow_list_down a {
        justify-content: flex-end;
    }
    .studys a{
        width: 32%;
    }
    .cor_img{
        width: 90%;
    }
    .cor_img .cor_bot{
        width: 50%;
    }
    .cor_img img{
        width: 45%;
    }
    #product,
    .new,
    #honor {
        margin-top: 0;
        padding-top: 0;
        padding-bottom: 0;
    }
    
    .title{
        margin-top: 20px;
        font-size: 26px;
    }
    .titleWarp{
        font-size: 16px;
    }
    .products{
        padding-bottom: 0;
    }
    .range .ran{
        margin-bottom: 10px;
    }
    .range .ran .rge{
        display: none;
    }
    .hover-content{
        display: none;
    }
    .abcont{
        margin-top: 0;
    }
    /* #certify{
        display: none;
    } */
    #certify .swiper-slide a{
        height: auto;
    }
    /* .phone_honor{
        width: 100%;
        padding: 0 15px;
        display: block;
    }
    .phone_honor img{
        width: 100%;
    } */
    .bread
    #news{
        margin-top: 0;
        background-color: #f6f6f6;
    }
    .right_so{
        background-color: #f6f6f6;
    }
    .message{
        padding-top: 0;
    }
    .inabcont{
        padding: 0 0;
        margin-top: 0;
    }
    .study{
        padding: 0 0 30px;
    }
    .duct_list2 div{
        width: 46%;
    }
    .solution_us{
        width: 90%;
    }
    .solution_us div{
        width: 144px;
        height: 120px;
    }
    .solution_us div p:nth-child(2){
        font-size: 18px;
    }
    .gywm,.red_us{
        margin-top: 0;
    }
    .news_info .info div div{
        width: 100%;
    }
    .right_so{
        padding: 20px 0;
    }
    .duct_top div{
        margin: 10px;
    }
    .pro_top_swiper{
        width: 90%;
        flex-wrap: wrap;
    }
    .pro_top_swiper .bot{
        width: 130px;
        margin: 10px 0;
    }
    .pro_top_swiper .bot1{
        width: 130px;
        margin: 10px 0;
    }
    .products{
        width: 100%;
    }
    .pro_list_swiper a{
        width: 50%;
    }
    .pro_list_swiper a{
        width: 100%;
    }
    .pro_list_swiper .swiper-slide{
        width: 360px;
    }
    .solutions{
        height: auto;
    }
    .keydown{
        padding-right: 10px;
    }
    .keydown p{
        font-size: 14px;
        margin-top: 0;
    }
    .keydown img{
        width: 30px;
        margin-right: 10px;
    }
    .inabt_top div{
        width: 50%;
    }
    .inabt_top div img{
        width: 45px;
    }
    .inabt_top p{
        font-size: 18px;
    }
    .cor_bot p:nth-child(2){
        font-size: 18px;
    }
    .cases{
        width: 90%;
    }
    .contmsg div{
        width: 310px;
        font-size: 18px;
    }
    .product{
        padding: 0 0;
    }
    .info div img{
        width: 100%;
    }
    .news_info .info div div img{
        width: 100%;
    }
    .news_info .info div img{
        width: 100%;
    }
}
@media(max-width:420px) {
    .copy {
        font-size: 12px;
    }
    .copy a {
        font-size: 12px;
    }
    .inpornav a {
        font-size: 16px;
        height: 30px;
        line-height: 30px;
        padding: 0 20px;
    }
    .proshow_top_fr_special,
    .proshow_top_fr_contact {
        display: none;
    }
    .proshow_top_fr_title {
        line-height: 45px;
        font-size: 15px;
    }
    .service_intro {
        padding: 20px;
    }
    #certify .swiper-slide {
        width: 200px;
    }
    #certify .swiper-slide p {
        font-size: 16px;
    }
    .newdate {
        display: none;
    }
    .newintro {
        width: 100%;
    }
    .pro_label{
        height: auto;
        flex-wrap: wrap;
    }
    .dow_top,.dow_cont,.dow_list {
        width: 90%;
    }
}

@media(max-width:376px) {}

@media(max-width:360px) {}